<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
            text-decoration: none;
        }
        p{
            text-align: center;
        }
        *{
            box-sizing: border-box;
            margin: 0;
        }
        div.search{
            padding: 10px 0;
            
        }
        body{
            width:375px;
            background: rgba(231, 231, 231, 0.822);
        }
        .div1{
            background-color:rgba(231, 231, 231, 0.822);
        }
        .div3{
            height: 250px;
            overflow: hidden;
        }
        .div3 img{
            height: auto !important;
            max-width: 100% !important;
        } 
        .gfgd{
            height: 185px;
            white-space: nowrap;
            /*文本不会换行，文本会在在同一行上继续*/
            overflow-y: auto;
            /*可滑动*/
        }
        .gfgd1{
            width: 33%;
            height: 160px;
            margin-left: 3%;
            background:  rgba(231, 231, 231, 0.822);;
            display: inline-block;
            /*行内块元素*/
        }
        .gfgd1 a{
            color: #000;
        }
        .div4{
            height: 250px;
            overflow: hidden;
        }
        .div4 img{
            height: auto !important;
            max-width: 100% !important;
        } 
        .drgd{
            height: 185px;
            white-space: nowrap;
            /*文本不会换行，文本会在在同一行上继续*/
            overflow-y: auto;
            /*可滑动*/
        }
        .drgd1{
            width: 33%;
            height: 160px;
            white-space: nowrap;
            overflow: hidden;
            margin-left: 3%;
            background: rgba(231, 231, 231, 0.822);
            display: inline-block;
            /*行内块元素*/
        }
        .drgd1 a{
            color: #000;
        }
        .div5{
            height: 250px;
            overflow: hidden;
        }
        .div5 img{
            height: auto !important;
            max-width: 100% !important;
        } 
        .zqgd{
            height: 185px;
            white-space: nowrap;
            /*文本不会换行，文本会在在同一行上继续*/
            overflow-y: auto;
            /*可滑动*/
        }
        .zqgd1{
            width: 33%;
            height: 160px;
            white-space: nowrap;
            overflow: hidden;
            margin-left: 3%;
            background: rgba(231, 231, 231, 0.822);
            display: inline-block;
            /*行内块元素*/
        }
        .zqgd1 a{
            color: #000;
        }
        form{
            position: relative;
            width: 300px;
            margin: 0 auto;
        }
        input,button{
            border: none;
            outline: none;
        }
        input{
            width: 100%;
            height: 42px;
            padding-left: 13px;
        }
        button{
            height: 42px;
            width: 42px;
            cursor: pointer;
            position: absolute;
        }
        .bar input{
            border: 2px solid #58d172;
            border-radius: 5px;
            background: transparent;
            top: 0;
            right: 0;
        }
        .bar button{
            background: #58d172;
            border-radius: 0 5px 5px 0;
            width: 60px;
            top: 0px;
            right: 0;
        }
        .bar button::before{
            content: "搜索";
            font-size: 13px;
            color: #F9F0DA;
        }
        .div6{
            text-align: center;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="div1">
        

        <div class="div2">
            <div class="div6">
                <img src="/H5/img/logo1.png" alt="">
            </div>
            
            <div style="height: 30px;width: 178px;
            background-color: rgba(231, 231, 231, 0.822);float:left ;">
                <a href="/H5/html/sy.html" class="top_subnav__link" style="display: block;text-align:center; color: #000;" ><h3>推荐</h3></a>
            </div>
            <div style="height: 30px;width: 178px;
            background-color: rgba(231, 231, 231, 0.822);float:right ;">
                <a href="/H5/html/ph2.html" class="top_subnav__link" style="display: block;text-align:center;color: #000;"><h3>排行</h3></a>
            </div>     
        </div>
        <br>
        <br>
        <div class="search bar">
            <form>
                <input placeholder="输入想听的音乐" name="cname" type="text">
                <button type="submit"></button>
            </form>
        </div>
        <div class="div3">
            <h3><i style="margin: 0 10px;">官方歌单</i></h3>
            <div class="gfgd">
                <div class="gfgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/72709874035.html#stat=y_new.index.playlist.pic"><img src="/H5/img/gfgd1.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 65px;"><h6>播放量:5.0万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7270987435.html#stat=y_new.index.playlist.pic">华语|原住民之歌</a>
                </div>
                <div class="gfgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7278173053.html#stat=y_new.index.playlist.pic"><img src="/H5/img/gfgd2.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 58px;"><h6>播放量:24.7万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7278173053.html#stat=y_new.index.playlist.pic">华语|忆故乡</a>
                </div>
                <div class="gfgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7275687885.html#stat=y_new.index.playlist.pic"><img src="/H5/img/gfgd3.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 57px;"><h6>播放量:10.9万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7275687885.html#stat=y_new.index.playlist.pic">韩语|情歌二重唱</a>
                </div>
                <div class="gfgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7279284220.html#stat=y_new.index.playlist.pic"><img src="/H5/img/gfgd4.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 65px;"><h6>播放量:6.7万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7279284220.html#stat=y_new.index.playlist.pic">华语|厨房时间</a>
                </div>
                <div class="gfgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7278393642.html#stat=y_new.index.playlist.pic"><img src="/H5/img/gfgd5.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 57px;"><h6>播放量:22.7万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7278393642.html#stat=y_new.index.playlist.pic">轻音乐|心在旅行</a>
                </div>
                <div class="gfgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7258073352.html"><img src="/H5/img/gfgd6.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 44px;"><h6>播放量:1080.2万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7258073352.html">古典|美妙心情</a>
                </div>
            </div>
        </div>
        <div class="div4">                
            <h3><i style="margin: 0 10px;">达人歌单</i></h3>
            <div class="drgd">
                <div class="drgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7783897462.html#stat=y_new.index.playlist.pic"><img src="/H5/img/drgd1.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 57px;"><h6>播放量:59.0万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7783897462.html#stat=y_new.index.playlist.pic">轻音乐:安静享受一个人的风景</a>
                </div>
                <div class="drgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7672546486.html#stat=y_new.index.playlist.pic"><img src="/H5/img/drgd2.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 52px;"><h6>播放量:271.4万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7672546486.html#stat=y_new.index.playlist.pic">神仙翻唱!这样唱让原唱情何以堪</a>
                </div>
                <div class="drgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7917188655.html#stat=y_new.index.playlist.pic"><img src="/H5/img/drgd3.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 57px;"><h6>播放量:59.6万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7917188655.html#stat=y_new.index.playlist.pic">宋亚轩|17岁按时长大✨</a>
                </div>
                <div class="drgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7194652332.html#stat=y_new.index.playlist.pic"><img src="/H5/img/drgd4.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 45px;"><h6>播放量:1656.3万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7194652332.html#stat=y_new.index.playlist.pic">流行|释放压力时必备歌单</a>
                </div>
                <div class="drgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7792852203.html#stat=y_new.index.playlist.pic"><img src="/H5/img/drgd5.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 57px;"><h6>播放量:32.8万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7792852203.html#stat=y_new.index.playlist.pic">穿越回00年代的时光机</a>
                </div>
                <div class="drgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7527799525.html#stat=y_new.index.playlist.pic"><img src="/H5/img/drgd6.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 58px;"><h6>播放量:56.9万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7527799525.html#stat=y_new.index.playlist.pic">欧美清新小调|驱散早起慵懒</a>
                </div>
            </div>

        </div>
        <div class="div5">
            <h3><i style="margin: 0 10px;">专区歌单</i></h3>
            <div class="zqgd">
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7816808665.html"><img src="/H5/img/zqgd1.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 58px;"><h6>播放量:41.4万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7816808665.html">超级宝贝jojo|启蒙，亲子共学</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/3241184094.html"><img src="/H5/img/zqgd2.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 43px;"><h6>播放量:2677.0万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/3241184094.html">综艺|有一个空间叫许嵩的江湖</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7736755463.html"><img src="/H5/img/zqgd3.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 58px;"><h6>播放量:24.8万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7736755463.html">说唱专区•感受hiphop音乐的动感</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7759011620.html"><img src="/H5/img/zqgd4.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 58px;"><h6>播放量:22.8万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7759011620.html">古风:诗词歌赋曲，说尽心中事</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7255780720.html"><img src="/H5/img/zqgd5.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 50px;"><h6>播放量:238.2万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7255780720.html">王者荣耀英雄主打歌</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7857283498.html"><img src="/H5/img/zqgd6.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 65px;"><h6>播放量:1248</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7857283498.html">徐紫茵 推荐歌单</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7275679373.html"><img src="/H5/img/zqgd7.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 45px;"><h6>播放量:1354.7万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7275679373.html">纯音乐（助眠）轻音乐</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7826284157.html"><img src="/H5/img/zqgd8.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 50px;"><h6>播放量:733.0万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7826284157.html">2020电音Top 100</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/3566830427.html"><img src="/H5/img/zqgd9.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 35px;"><h6>播放量:44851.2万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/3566830427.html">经典国语300首：等待也是种乐观态度</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7418344143.html"><img src="/H5/img/zqgd10.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 50px;"><h6>播放量:273.0万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7418344143.html">最脍炙人口的一百首古典音乐</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7669260097.html"><img src="/H5/img/zqgd11.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 50px;"><h6>播放量:682.1万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7669260097.html">影视金曲|属于90后的青春回忆</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/3614772046.html"><img src="/H5/img/zqgd12.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 42px;"><h6>播放量:817.8万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/3614772046.html">ACG|火爆的动漫主题曲精选</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/7165887052.html"><img src="/H5/img/zqgd13.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 50px;"><h6>播放量:173.5万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/7165887052.html">华语Urban入门</a>
                </div>
                <div class="zqgd1" style="position: relative;">
                    <a href="https://y.qq.com/n/yqq/playlist/2643652402.html"><img src="/H5/img/zqgd14.png" alt=""></a>
                    <span style="position: absolute;top: 95px;left: 36px;"><h6>播放量:12655.3万</h6></span>
                    <br>
                    <a href="https://y.qq.com/n/yqq/playlist/2643652402.html">回头率最高的50首手机铃声</a>
                </div>
            </div>
        </div>
    </div>
    <div style="text-align: center;width: 100%;">
        <img src="/H5/img/logo1.png" alt="" style="display: inline-block;">
    </div>
    <p>Copyright  1998 - 2019 Tencent. All Rights Reserved.</p>
    <p>联系电话：0755-86013388 QQ群：55209235</p>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="/H5/js/index.js"></script>
</html>